<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			table {
				border-collapse: collapse;
			}
			
			table,
			th,
			td {
				text-align: center;
				border: 1px solid black;
				font-size: 13px;
			}
			
			td {
				width: 140px;
				height: 28px;
			}
		</style>
		<script type="text/javascript">
			function show() {
				var et = document.getElementById("employees")
				//et.lastChild表示tbody元素，et.lastChild.lastChild表示最后一行
				//et.lastChild.lastChild.firstChild表示最后一行的第一个单元格
				//et.lastChild.lastChild.firstChild.firstChild表示该单元格的文本节点
				console.info("et");
				console.info(et);
				console.info("et.lastChild");
				console.info(et.childNodes[3].childNodes[1].childNodes[3].innerText);
				var s = et.childNodes[3].childNodes[1].childNodes[3].innerText
				//var s = et.lastChild.lastChild.firstChild.innerHTML
				document.getElementById("showValue").value = s
			}
		</script>
	</head>

	<body>
		<table id="employees">
			
			<thead>
				<tr>
					<td>编号</td>
					<td>姓名</td>
					<td>电话</td>
				</tr>
			</thead>
			
			<tbody>
				<tr>
					<td>100</td>
					<td>斯蒂芬</td>
					<td>1366666</td>
			</tbody>
			
		</table>
		<p><input type="button" name="btn" value="获取第二行第二列的值" onclick="show()" /></p>
		<p>获取到的值为：<input type="text" id="showValue" size="65" /></p>
	</body>

</html>